{{ theme:partial name="header" }

{{ theme:partial name="home_section_tour" }}

<!-- Home Starts -->
<div id="homepage">
    <div class="container">
        <div class="row center">
            <!-- Supersized Slider Starts -->
            <div class="slider-text">
                <div class="span12">
                    <div id="slidecaption"></div>
                </div>
            </div>
            <!-- Left, Right Arrow Buttons Starts --> 
            <a id="prevslide" class="load-item"></a> <a id="nextslide" class="load-item"></a> 
        </div>
    </div>
</div>
<div class="line-bottom"></div>

<!-- About Starts -->
<section id="about" class="white-bg">
    {{ content:entries content_type="page_about" entry_id="11"}}
    <h1 class="one">
        <span>{{ title }}</span>
    </h1>
    <div class="page-banner">
        <div class="container ">
            <div class="center">
                <h4>
                    {{ content }}
                </h4>
            </div>
        </div>
     {{ /content:entries }}   
        <div class="page-contents">
            <div class="container">
                <!-- Four Columns Starts -->
                <div class="row">
                    {{ content:entries content_type="about" order_by="created_date" limit="3"}}
                    <div class="span4">
                        <a href="{{site_url}}/{{slug}}" target="_self">
                            <img src="{{image}}" class="image-shadow">
                        </a>                                                                                   
                        <a href="{{site_url}}/{{slug}}" target="_self">
                            <h2>{{title}}</h2>
                        </a>
                    </div>
                    {{ /content:entries }}                    
		</div>
            </div>
            <!--view all about-->
            <div class="container">
                <div class="row">
                    <div class="span12" style="text-align:center; margin-top:20px">
                        <input type="button" value="more about us" class="wpcf7-form-control wpcf7-submit" onclick="location.href = '{{site_url}}/about';">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- TripAdvior -->
<div class="image-separator-twitter">
    <div class="line-top"></div>
    <div class="container">
        <div id="TA_certificateOfExcellence889" class="TA_certificateOfExcellence span3 center" style="margin-bottom:20px; margin-top:20px; ">
            <ul id="RbsfZF" class="TA_links 8otxROB9oSeF">
                <li id="Y1frL4zWDxl" class="3zrv5B">
                    <a target="_blank" href="http://www.tripadvisor.com/"><img src="http://www.tripadvisor.com/img/cdsi/img2/awards/certificateOfExcellence_2013-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
                </li>
            </ul>
        </div>
        <script src="http://www.jscache.com/wejs?wtype=certificateOfExcellence&amp;uniq=889&amp;locationId=1307686&amp;lang=en_US&amp;year=2013"></script>
        <div id="TA_selfserveprop20" class="TA_selfserveprop span4 center" style="margin-bottom:20px; margin-top:20px;">
            <ul id="aC8eMoK179uB" class="TA_links H2bai63SwA">
                <li id="wykLyhVBKU" class="echGW0tVws">
                    <a target="_blank" href="http://www.tripadvisor.com/"><img src="http://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor"/></a>
                </li>
            </ul>
        </div>
        <script src="http://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=20&amp;locationId=1307686&amp;lang=en_US&amp;rating=true&amp;nreviews=5&amp;writereviewlink=true&amp;popIdx=false&amp;iswide=false&amp;border=true"></script>
        <div id="TA_cdswritereviewlg515" class="TA_cdswritereviewlg span4 center" style="margin-bottom:20px; margin-top:20px;">
            <ul id="jshPfrDwV" class="TA_links r9mKtk">
                <li id="4nzX3IT" class="mklNDXT4LSM">
                    <a target="_blank" href="http://www.tripadvisor.com/"><img src="http://www.tripadvisor.com/img/cdsi/img2/branding/medium-logo-12097-2.png" alt="TripAdvisor"/></a>
                </li>
            </ul>
        </div>
        <script src="http://www.jscache.com/wejs?wtype=cdswritereviewlg&amp;uniq=515&amp;locationId=1307686&amp;lang=en_US&amp;border=true"></script>
    </div>
</div>

<!-- Tours -->
<section id="tours" class="white-bg">
    <h1 class="one">
        <span>Tours</span>
    </h1>
    <!--tours nav-->
    <div class="page-banner">
        <div class="container">
            <div class="row">
                <div class="span12 center">
                    <div id="options">
                        <ul id="filters" class="option-set" data-option-key="filter">
                            {{ content:categories content_type="category" category_group_id="1" nested="0" }}  
                            <li><a href="#{{path}}" data-option-value=".{{url_title}}">{{title}}</a></li>
                            {{ /content:categories }}                            
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>    
    <!--tours items-->
    <div class="page-contents">
        <div class="container">
            <ul class="thumbnails gallery" id="container-thumbs">
                {{ content:entries content_type="tour" order_by="created_date" limit="4"}}
                <li class="span3  {{list_category_url_title}}">
                    <a href="{{site_url}}/{{slug}}" target="_self">
                        <img src="{{image}}" class="image-shadow">
                    </a>
                    <h2>{{title}}</h2>
                </li>
                {{ /content:entries }}
                
                <!--<li class="span3  most-popular saigon">
                    <a href="http://vietnambiketours.net/?tour=test-tour-1" target="_self">
                        <img src="http://vietnambiketours.net/wp-content/uploads/2014/01/DSC_0234.jpg" class="image-shadow">
                    </a>
                    <h2>Central coast by bike</h2>
                </li>
                <li class="span3  most-popular nhatrang">
                    <a href="http://vietnambiketours.net/?tour=test-tour-1" target="_self">
                        <img src="http://vietnambiketours.net/wp-content/uploads/2014/01/DSC_0234.jpg" class="image-shadow">
                    </a>
                    <h2>Central coast by bike</h2>-->
                </li>
            </ul>
        </div>
    </div>
</section>

<!-- Facebook fanpage --> 
<div class="testimonials">
    <div class="line-top"></div>
    <div class="container">
        <script src="http://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=625&amp;locationId=1307686&amp;lang=en_US&amp;rating=true&amp;nreviews=5&amp;writereviewlink=true&amp;popIdx=true&amp;iswide=false&amp;border=true"></script>
        <div class="span12 center fb" style=" float:right; margin-right:20px; margin-left:auto">
            <div class="fb-like-box" style="margin-bottom:20px; margin-top:20px; background-color:#fff;" data-href="https://www.facebook.com/vietnambiketours" data-width="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>
        </div>
    </div>	
</div>

{{ theme:partial name="home_section_tip" }}

<!-- Video -->
<div class="video">
    <div class="line-top"></div>
    <div class="container">
        <div class="row">
            <div class="span10 offset1">
                <div class="videoWrapper">
                    <iframe src='//player.vimeo.com/video/83426942' width='475' height='250' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>
    <div class="line-bottom"></div>
</div>

{{ theme:partial name="home_section_booking" }}         

{{ theme:partial name="home_section_contact" }}                            

{{ theme:partial name="footer" }} 
